<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 引入 -->
    <script src="./iwat.js"></script>
    <script src="../js/vue.js"></script>
    <title>自定义插件</title>
</head>
<body>
    <!-- 
    插件的定义：
        一个包含install方法的js对象
    -->

   <div id="root">
      <h2 v-upper-text='name'></h2>
      <h2>{{$random(1,8)}}</h2>
   </div> 
   <script>
       //Vue会使用use方法帮我们去调用iwat的install方法
       Vue.use(iwat,'options');

       const vm = new Vue({
            el:'#root',
            data(){
                console.log(Vue.version);
                return {
                    name:'http://www.baidu.com',
                }
            },
        })

        console.log(vm);
   </script>
</body>
</html>